
/*
    滑动
*/
.slide-enter-active,
.slide-leave-active {
    transition: all 0.2s;
}

.slide-enter,
.slide-leave-active {
    transform: translateX(100%);
}

.slideY-enter-active,
.slideY-leave-active {
    transition: all 0.3s;
}

.slideY-enter,
.slideY-leave-active {
    transform: translateY(-100%);
}

/*
  渐显
*/
.fade-enter-active,
.fade-leave-active {
    transition: all 0.1s;
}

.fade-enter,
.fade-leave-to {
    opacity: 0.3;
}
/*
下降
*/
.scale-enter-active,
.scale-leave-active {
    transition: all .2s;
    //transform: scaleY(1);
}

.scale-enter,
.scale-leave-to {
    transform: scaleY(0);
}